<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
    <div th:if="!${#lists.isEmpty(courseCatalogList)}" class="cm-task-chapter">
        <dl th:each="catalog,index : ${courseCatalogList}" class="cm-task-chpter-item cOpen">
            <!-- 有子级目录 -->
            <dt th:if="${catalog['nodeType']}==1" class="tchpter-item-parent txtOf">
                <aside class="pull-right">
                    <span class="c-ccc fs14">
                    <i class="fa fa-chevron-down"></i>
                    </span>
                </aside>
                <a th:classappend="!${#maps.isEmpty(catalog['material'])} ? 'catalog-box':''" th:attrappend="data-id=${catalog['id']},id='catalog-'+${catalog['id']}" th:attrprepend="data-teacher=!${#maps.isEmpty(catalog['material'])}?${catalog['material']['teacherId']}:'0'" href="javascript:;">
                    <span class="fs14 mr5 c-info"><i class="fa fa-navicon"></i></span>
                    <span class="fs14 c-333" th:text="${catalog['catalogName']}"></span>
                </a>
            </dt>
            <!-- 无子级目录 -->
            <dd th:if="${catalog['nodeType']}==2" style="display: block;" class="tchpter-item-children">
                <ol>
                    <li th:attrappend="id='catalog-'+${catalog['id']},data-teacher=!${#maps.isEmpty(catalog['material'])}?${catalog['material']['teacherId']}:'0',data-id=${catalog['id']}" class="clearfix catalog-box">
                        <aside class="pull-right">
                            <span data-placement="top" data-toggle="tooltip" data-original-title="资料下载" th:if="!${#lists.isEmpty(catalog['datumList'])}"  class="hand c-ccc fs14 mr5" th:attrappend="data-catalogId=${catalog['id']},data-url= ${catalog['datumList'][0]['url']}">
                                <i class="fa fa-download"></i>
                            </span>
                            <span data-placement="top" data-toggle="tooltip" data-original-title="随堂练习" th:if="!${#strings.isEmpty(catalog['questionIds'])}" th:attrappend="data-id=${catalog['id']}" class="hand c-ccc fs14 mr5 exercise-btn-box">
                                <i class="fa fa-pencil-square-o"></i>
                            </span>
                            <span th:if="!${#maps.isEmpty(catalog['coursePlayRecord'])} and ${catalog['coursePlayRecord']['finish']}==2" class="c-999 fs14" data-placement="top" data-toggle="tooltip" data-original-title="已学习100%">
                                <i class="fa fa-circle c-info"></i>
                            </span>
                            <span th:if="!${#maps.isEmpty(catalog['coursePlayRecord'])} and ${catalog['coursePlayRecord']['finish']}==1" class="c-999 fs14" data-placement="top" data-toggle="tooltip" th:title="'已学习'+${catalog['progress']}">
                                <i class="fa fa-adjust c-info"></i>
                                <i class="fa fa-adjust c-info"></i>
                            </span>
                            <span th:if="${#maps.isEmpty(catalog['coursePlayRecord'])}" class="c-999 fs14" data-placement="top" data-toggle="tooltip" data-original-title="未学习">
                                <i class="fa fa-circle-o"></i>
                            </span>
                        </aside>
                        <a href="javascript:void(0);" class="play-c" th:attrappend="data-id=${catalog['id']}">
                            <i class="fa fa-circle fs12 mr5 vam c-ccc"></i>
                            <samp th:text="${catalog['catalogName']}"></samp>
                            <span th:if="${catalog['audition']}==2 and !${buyCourse}" class="badge unFw badge-primary fs12" data-placement="top" data-toggle="tooltip" data-original-title="免费试听">试听</span>
                        </a>
                    </li>
                </ol>
            </dd>

            <dd th:if="!${#lists.isEmpty(catalog['childCourseCatalogList'])}" class="tchpter-item-children" style="display: block;">
                <ol>
                    <li th:each="child,index : ${catalog['childCourseCatalogList']}" th:attrappend="id='catalog-'+${child['id']},data-teacher=!${#maps.isEmpty(child['material'])}?${child['material']['teacherId']}:'0',data-id=${child['id']}" class="clearfix catalog-box">
                        <aside class="pull-right">
                            <span data-placement="top" data-toggle="tooltip" data-original-title="资料下载" th:if="!${#lists.isEmpty(child['datumList'])}"  class="hand c-ccc fs14 mr5" th:attrappend="data-catalogId=${child['id']},data-url= ${child['datumList'][0]['url']}">
                                <i class="fa fa-download"></i>
                            </span>
                            <span data-placement="top" data-toggle="tooltip" data-original-title="随堂练习" th:if="!${#strings.isEmpty(child['questionIds'])}" th:attrappend="data-id=${child['id']}" class="hand c-ccc fs14 mr5 exercise-btn-box">
                                <i class="fa fa-pencil-square-o"></i>
                            </span>
                            <span th:if="!${#maps.isEmpty(child['coursePlayRecord'])} and ${child['coursePlayRecord']['finish']}==2" class="c-999 fs14" data-placement="top" data-toggle="tooltip" data-original-title="已学习100%">
                                <i class="fa fa-circle c-info"></i>
                            </span>
                            <span th:if="!${#maps.isEmpty(child['coursePlayRecord'])} and ${child['coursePlayRecord']['finish']}==1" class="c-999 fs14" data-placement="top" data-toggle="tooltip" th:title="'已学习'+${child['progress']}">
                                <i class="fa fa-adjust c-info"></i>
                            </span>
                            <span th:if="${#maps.isEmpty(child['coursePlayRecord'])}" class="c-999 fs14" data-placement="top" data-toggle="tooltip" data-original-title="未学习">
                                <i class="fa fa-circle-o"></i>
                            </span>
                        </aside>
                        <a href="javascript:void(0);" class="play-c" th:attrappend="data-id=${child['id']}">
                            <i class="fa fa-circle fs12 mr5 vam c-ccc"></i>
                            <samp th:text="${child['catalogName']}"></samp>
                            <span th:if="${child['audition']}==2 and !${buyCourse}" class="badge unFw badge-primary fs12" data-placement="top" data-toggle="tooltip" data-original-title="免费试听">试听</span>
                        </a>
                    </li>
                </ol>
            </dd>
        </dl>
    </div>
    <div th:if="${#lists.isEmpty(courseCatalogList)}">
        <!--无数据提示 开始-->
        <section class="no-data__wrap">
            <span class="no-data-ico"></span>
            <p class="mt20"><span class="c-666">该课程目前未设置目录数据~~~</span></p>
        </section>
        <!--无数据提示 结束-->
    </div>
</html>